/**
 * Created by home on 2019/9/9.
 */
/*封装项目js*/
layui.define('laytpl', function(exports){
    var laytpl = layui.laytpl;

    /*左右滑动，首页*/
    $("#my-btn").click(function () {
        $(".xianyan-content-right").animate({width: 'toggle'}, 500);
    });
    /*发现页*/
    $("#my-btn-find").click(function () {
        $(".xianyan-find-right").animate({width:'toggle'},500);
        console.log("aaa")
    });


    $(function () {
        var story_ranking_data = {
            "story_rank":[
                {
                    "title":"我真正的英雄",
                    "href":"www.baidu.com"
                }
                ,{
                    "title":"我真正的英雄",
                    "href":"www.baidu.com"
                }
                ,
                {
                    "title":"我真正的英雄",
                    "href":"www.baidu.com"
                },
                {
                    "title":"我真正的英雄",
                    "href":"www.baidu.com"
                },
                {
                    "title":"我真正的英雄",
                    "href":"www.baidu.com"
                },
                {
                    "title":"我真正的英雄",
                    "href":"www.baidu.com"
                },
                {
                    "title":"我真正的英雄",
                    "href":"www.baidu.com"
                },
                {
                    "title":"我真正的英雄",
                    "href":"www.baidu.com"
                },
                {
                    "title":"我真正的英雄",
                    "href":"www.baidu.com"
                }
            ]
        };
        var getTpl = $("#xianyan_story_ranking").html(),view = $("#story_ranking");
        /*拿到所有class为xianyan-story-no的元素*/
        $.each(story_ranking_data.story_rank,function (index,value) {
            laytpl(getTpl).render(value, function(html){
                view.prepend(html);
            });
        });
        var getViewIndex = jQuery("span.xianyan-story-no");
        var i = 0;
        for(var j=0;j<=getViewIndex.length;j++){
            jQuery(getViewIndex[i]).text(j);
            i=j;
            switch (i){
                /*根据数据的索引为指定的数字快添加指定的class*/
                case 0 :
                    jQuery(getViewIndex[0]).addClass("xianyan-story-no-one");
                    break;
                case 1:
                    jQuery(getViewIndex[1]).addClass("xianyan-story-no-two");
                    break;
                case 2:
                    jQuery(getViewIndex[2]).addClass("xianyan-story-no-three");
                    break;
                case 3:
                    jQuery(getViewIndex[3]).addClass("xianyan-story-no-four");
                    break;
                default:
                    jQuery(getViewIndex[i]).addClass("xianyan-story-no-five");

            }
        }
    });

    /* tpl是模版id
     *   view是视窗id
     *   data是传入的数据，在传入的时候传的是具体数组名
     *   count展示数据条数
     * */
    function dataModel(tpl,view,data,count) {
        /*var data_content = data.story_list;*/
        var getTpl = $(tpl).html(),getView = $(view);
        $.each(data,function (index,value) {
            if(index>count){
                return;
            }else{
                laytpl(getTpl).render(value, function(html){
                    getView.prepend(html);
                });
            }
        })
    }

    /*文章数据*/
    var article_data = {
        "article":[
            {
                "id":"1",
                "title":"养一条自来狗是什么体验",
                "writer":"老黑",
                "content":"我从来没养过狗，这是第一次养狗。跟旺旺的相遇，似乎就像这句话说的一样。来得很突然，来得很奇妙。想起第一次相遇的时候，很奇妙的感觉。那是一个心血来潮的晚上，我和朋友跑去利和广场看电影《捉妖",
                "browseNo":"5435",/*浏览次数*/
                "niceNo":"5435",
                "takeNo":"444",
                "tag":"情感",
                "createTime":"2019.09.01"
            },
            {
                "id":"1",
                "title":"养一条自来狗是什么体验",
                "writer":"十分简单",
                "content":"我从来没养过狗，这是第一次养狗。跟旺旺的相遇，似乎就像这句话说的一样。来得很突然，来得很奇妙。想起第一次相遇的时候，很奇妙的感觉。那是一个心血来潮的晚上，我和朋友跑去利和广场看电影《捉妖",
                "browseNo":"1999",/*浏览次数*/
                "niceNo":"99",
                "takeNo":"999",
                "tag":"情感",
                "createTime":"2019.09.01"
            },
            {
                "id":"1",
                "title":"养一条自来狗是什么体验",
                "writer":"性感阿雨",
                "content":"我从来没养过狗，这是第一次养狗。跟旺旺的相遇，似乎就像这句话说的一样。来得很突然，来得很奇妙。想起第一次相遇的时候，很奇妙的感觉。那是一个心血来潮的晚上，我和朋友跑去利和广场看电影《捉妖",
                "browseNo":"5453",/*浏览次数*/
                "niceNo":"44",
                "takeNo":"122",
                "tag":"情感",
                "createTime":"2019.09.01"
            },
            {
                "id":"1",
                "title":"养一条自来狗是什么体验",
                "writer":"Lynes",
                "content":"我从来没养过狗，这是第一次养狗。跟旺旺的相遇，似乎就像这句话说的一样。来得很突然，来得很奇妙。想起第一次相遇的时候，很奇妙的感觉。那是一个心血来潮的晚上，我和朋友跑去利和广场看电影《捉妖",
                "browseNo":"4323",/*浏览次数*/
                "niceNo":"332",
                "takeNo":"122",
                "tag":"情感",
                "createTime":"2019.09.01"
            },
            {
                "id":"1",
                "title":"养一条自来狗是什么体验",
                "writer":"王菠萝",
                "content":"我从来没养过狗，这是第一次养狗。跟旺旺的相遇，似乎就像这句话说的一样。来得很突然，来得很奇妙。想起第一次相遇的时候，很奇妙的感觉。那是一个心血来潮的晚上，我和朋友跑去利和广场看电影《捉妖",
                "browseNo":"433",/*浏览次数*/
                "niceNo":"333",
                "takeNo":"1322",
                "tag":"情感",
                "createTime":"2019.09.01"
            }
        ]
    };
    /*标签云数据*/
    var xianyan_story_tag = {
        "story_tag":[
            {
                "id":"001",
                "content":"大学"
            },
            {
                "id":"001",
                "content":"小学"
            },
            {
                "id":"001",
                "content":"初中"
            },{
                "id":"001",
                "content":"高中"
            },
            {
                "id":"001",
                "content":"总结"
            },{
                "id":"001",
                "content":"风景"
            }
            ,{
                "id":"001",
                "content":"日常"
            }
            ,{
                "id":"001",
                "content":"闲谈"
            }
        ]
    };
    /*故事列表数据*/
    var story_tag_list = {
        "story_list":[
            {
                "id":"001",
                "content":"生活"
            },
            {
                "id":"001",
                "content":"情感"
            },
            {
                "id":"001",
                "content":"经验"
            },{
                "id":"001",
                "content":"生活"
            },
            {
                "id":"001",
                "content":"总结"
            },{
                "id":"001",
                "content":"风景"
            }
            ,{
                "id":"001",
                "content":"日常"
            }
            ,{
                "id":"001",
                "content":"闲谈"
            }
        ]
    };
    $(function () {
        dataModel("#article_content_item","#article-content",article_data.article,99999);
        /*标签云*/
        dataModel("#xianyan_tags_tpl","#xianyan_tags",xianyan_story_tag.story_tag,5);
        /*故事分类*/
        dataModel("#xianyan_story_list","#xianyan_story_tag_list",story_tag_list.story_list,5);

    });
    /*$(function () {
        var modal001 = $(".modal-dialog");
        var modalHeight = modal001.height;
        var height = window.screen.height;//屏幕高度
        var myHeight = height/2-modalHeight/2;
        modal001.css("top",myHeight);
        console.log(modalHeight);
    });*/
//输出test接口
    exports('project', {});
});